<!--
 * @Description: 
 * @Version: V1.0.0
 * @Author: 周艳凯 484894717@qq.com
 * @Date: 2024-11-20 11:46:14
 * @LastEditors: 周艳凯 484894717@qq.com
 * @LastEditTime: 2024-11-22 16:10:45
 * @FilePath: index.vue
 * Copyright 2024 Marvin, All Rights Reserved. 
 * 2024-11-20 11:46:14
-->
<template>
  <a-navbar title="数字输入框" isborder left-arrow></a-navbar>
  <a-space direction="vertical" full>
    <a-input-number
      v-model="value"
      :style="{ width: '320px' }"
      placeholder="Please Enter"
      class="input-demo"
      :min="10"
      :max="100"
    />
    <a-input-number
      :style="{ width: '320px' }"
      placeholder="Please Enter"
      class="input-demo"
      :min="10"
      :max="100"
    />
    <a-input-number
      :style="{ width: '320px' }"
      placeholder="Please Enter"
      :default-value="500"
      class="input-demo"
      disabled
    />
    <a-input-number
      :style="{ width: '320px' }"
      placeholder="Please Enter"
      :default-value="500"
      mode="button"
      class="input-demo"
    />
  </a-space>
</template>

<script>
export default {
  data() {
    return {
      value: 15,
    };
  },
};
</script>
